html,body{
	height:100%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

*{
	box-sizing: border-box;
}

#sink{
	background-color: #FFFFFF;
}

body{
	margin: 0px;
	padding: 0px;
	min-width: 320px;
	font-size: 14px;
	color: rgba(0,0,0,0.8);
}

.container{
	height:inherit;
	max-width: 1100px;
	margin: 0px auto;
	padding: 0px 15px;
}

.container [class*=col-]{
	float: left;
	width:100%;
	padding-left: 15px;
	padding-right: 15px;
}
.page-body{
	position: relative;
	/*height: 100%;*/
	overflow: hidden;
	padding-bottom:60px; 
	min-height: 100%;;
}
	.page-header{
			height:65px;
			background-color: #f5f5f5; 
			border-bottom: 1px solid #e5e5e5;
		}
		.page-header h1{
			float: left;
			font-size: 24px;
			padding: 0px;
			margin: 0px;
			line-height: 65px;
			font-weight: 400;
		}
		.pull-right{
			float: right!important;
		}
		.page-header .search-bar{
			width: 100%;
			max-width: 300px;
			margin-top:13px;
			background: #fff;
			border:1px solid #e5e5e5;
			position:relative;
			cursor: text;
		}
		.page-header input{
			border:none;
			-webkit-box-shadow:none;
			-moz-box-shadow: none; 
			box-shadow: none;
			height: 34px;
			padding-left: 30px;
			padding-right: 30px; 
		}
		.form-control{
			width: 300px;
			border:1px solid #d4d4d4;
			background: #fff;
			outline: 0;
			padding: 6px 12px;
			font-size: 14px;
			line-height: 22px;
			border-radius: 3px;
		}
		.page-content{
			margin:30px 0px;
		}
		.row{
			margin-left: -15px;
			margin-right: -15px; 
			overflow: hidden;
		}
		.book-list .book{
			background: #fff;
			position: relative;
			height:305px;
			width:100%;
			padding:15px;
			border-radius: 2px;
			box-shadow: 0 1px 3px rgba(0,0,0,.03);
    		border: 1px solid #e5e5e5;
    		margin-bottom: 30px;
		}

		.book-list .book .book-inner{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 70px;
			padding: 15px;
    		background: #fff;
    		overflow: hidden;
		}
		.book-list .book .book-inner .book-header{
			border-bottom:1px solid #eee;
			padding-bottom: 15px;
			margin-bottom: 15px;
			height: 70px;
			width: 100%;
			display:table;
		} 
		.book-list .book .book-inner .book-header a{
			color: inherit;
		    display: table-cell;
		    vertical-align: middle;
		    text-align: center;
		    text-decoration: none;
		    cursor: pointer;
		}
		.book-list .book .book-inner .book-header a:hover{
			text-decoration: none;
		}
		.book-list .book .book-inner .book-header a h4{
			line-height: 1.3;
		    margin: 0;
		    font-size: 18px;
		    color: inherit;
		    font-weight: 500; 
		}
		.book-list .book .book-inner .book-meta{
			text-align: center;
    		padding-bottom: 15px;
		}
		.book-list .book .book-inner .book-meta .meta{
			color: #999;
			font-weight: 500; 
		    margin: 0 6px;
		    cursor: default;
		    display: inline-block;
		}

		.book .book-inner .book-summary{
			max-height: 80px;
    		overflow: hidden;
    		text-overflow: ellipsis;
		}
		.book .book-inner .book-summary p{
			font-size: 16px;
			font-weight: 500; 
			display: block;
           -webkit-margin-before: 1em;
           -webkit-margin-after: 1em;
           -webkit-margin-start: 0px;
           -webkit-margin-end: 0px;
		}
		.book-list .book .book-footer{
			width:100%;
			position:absolute;
			padding:7.5px 15px; 
			height:70px;
			left:0px;
			bottom:0px;
		}
		.book-list .book .book-footer .left{
			float: left;
			width:48px;
			height:48px;
			padding: 3.5px 3.5px;
			margin-right: 10px;
		}
		.book-list .book .book-footer .left img{
			width:48px;
			height:48px;
		}
		.book-list .book .book-footer .right{
			float: left;
			width:120px;
			height:48px;
			padding: 3.5px 3.5px;
			margin-left: 10px;
		}
		.book-list .book .book-footer .right .publish,.author{
			float: left;
			width:100%;
			height:24px;
			padding: 3.5px 3.5px;
		}
		.author a,a:visited{
			color: #428bca;
		}
		
		.left-pagination{
			width:100%;
			height:60px;
			line-height: 60px;
			overflow: inherit;
		}
		.topics-list{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		.topics-list li a{
			display: inline-block;
			overflow: hidden;
			margin: 0px 8px 4px 0px;
			padding: 4px 8px;
			border-radius: 2px;
			font-size: 12px;
			border: none;
    		color: rgba(0,0,0,.6);
		    background: rgba(0,0,0,.05);
		    -webkit-transition: .2s ease background;
		    -moz-transition: .2s ease background;
		    -ms-transition: .2s ease background;
		    -o-transition: .2s ease background;
		    transition: .2s ease background;
		}
		a{
			text-decoration: none;
			background-color: transparent;
		}
		a:hover{
			text-decoration:underline;
		}
		.topics-list li a .name {
		    font-weight: 500;
		}
		.topics-list li a .count {
    		opacity: .5;
		}
		.Alltopics{
			display: block;
			margin-top: 5px;
			margin-bottom: 10px;
			color: #737373; 
		}
		.Alltopics a{
			color: #737373; 
		}
		hr{
			margin-top: 20px;
    		margin-bottom: 20px;
    		border: 0;
    		border-top: 1px solid #eee;
		}
		.page-footer{
			position: absolute;
			bottom: 0px;
			width:100%;
			height:60px;
			margin: 0px;
		}
		.page-footer .container .menu{
			list-style: none;
    		margin: 0;
    		padding: 0;
    		border-top: 1px solid #f5f5f5;
    		overflow: hidden;
		}
		.page-footer .container .menu>li{
			display: list-item;
    		text-align: -webkit-match-parent;
			float: left;
		}
		.page-footer .container .menu>li>a{
			height:59px;
			padding: 19.5px 10px;
			display: inline-block;
			color: #999;
			text-transform: uppercase;
			letter-spacing: .2px;
			font-size: 12px; 
			line-height: 20px;
			font-weight: 400;
		}

